<template>
    <div style="position:relative;">
        <!-- <appModel></appModel> -->
        <component :is="name"></component>
        <component :ref="(el) => child = el" :is="name ? 'span' : 'a'">12121</component>
        <a-image :width="200" src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" />
        <!-- <div style="position:absolute;width:1000px;height:500px;background:red;z-index:-1;left:0;top:0;"></div> -->
    </div>
</template>

<script>
import { defineComponent, ref } from "vue";
import appModel from "../components/appModel.vue"
export default defineComponent({
    components: { appModel },
    setup() {
        const obj = ref({
            name: 123
        })
        const name = ref("appModel");
        return {
            name,
            obj
        }
    }
})
</script>